@extends('layouts.dashboard')

@section('header')
    <h3 class="text-3xl font-medium text-gray-700">New note</h3>
@endsection

@section('content')
    <div class="mt-6">
        <form action="/notes" method="post" class="my-5 grid gap-6">
            @csrf

            <div class="grid">
                <label>Title</label>
                <input class="bg-[#F5F8F9] py-2 px-3 border border-gray-150 rounded-lg" type="text" name="title"
                    placeholder="title">
            </div>

            <div class="grid">
                <label>Note</label>
                <textarea class="bg-[#F5F8F9] py-2 px-3 border border-gray-150 rounded-lg" type="text" name="note"
                    placeholder="note"></textarea>
            </div>

            <button
                class="transition-all inline-flex justify-center rounded-lg text-sm font-semibold py-3 px-4 bg-green-600 hover:bg-green-500 text-white">Publish Note</button>
        </form>
    </div>
@endsection
